<template>
  <span class="dot-container-wrap">
    <span
      :style="{'background':color,width:width,height:width,'border-radius':width}"
    >
    &nbsp;&nbsp;&nbsp;
    </span>
  </span>
</template>
<script>
export default {
  props: {
    color: {
      type: String,
      default: '#FC5E65'
    },
    width: {
      type: String,
      default: '5px'
    }
  }
}
</script>
<style lang="scss" scoped>
  .dot-container-wrap{
    display: flex;
    align-items: center;
    margin: 0 4px;
    span{
      display: block;
    }
  }
</style>
